body {
font-family: "微软雅黑";
position: relative;
overflow-x: hidden;
}
a {
text-decoration: none;
color: #adadad;
}
.c {
clear: both;
}
.inner {
width: 1200px;
margin: 0 auto;
}
/*TOP*/
.header_top {
width: 100%;
height: 37px;
background: #e8e9e9;
border-bottom: 1px solid #dcddde;
}
.header_top .inner {
width: 1200px;
height: 37px;
margin: 0 auto;
}
.header_top .inner .top_left {
float: left;
}
.header_top .inner .top_left a {
line-height: 37px;
font-size: 12px;
}
.header_top .inner .top_left a.no1 {
color: #f96c74;
}
.header_top .inner .top_right {
float: right;
}
.header_top .inner .top_right ul li {
width: 79px;
height: 37px;
float: left;
}
.header_top .inner .top_right ul li a {
width: 79px;
display: block;
font-size: 12px;
margin-top: 12px;
text-align: center;
border-right: 1px solid #999999;
}
.header_top .inner .top_right ul li a:hover {
color: #f96c74;
}
/*HEADER*/
.header .inner {
width: 1200px;
height: 110px;
margin: 0 auto;
}
.header .inner h1 {
float: left;
}
.header .inner .search {
height: 110px;
width: 495px;
float: left;
margin-left: 60px;
}
.header .inner .search .search_main {
margin-top: 30px;
width: 478px;
height: 33px;
border: 1px solid #1476e6;
}
.header .inner .search .search_main input {
width: 60%;
height: 87%;
border: none;
outline: none;
padding-left: 12px;
font-size: 12px;
color: #999999;
}
.header .inner .search .search_main .search_logo {
width: 72px;
height: 33px;
background: #1476e6 url(search_logo.png) no-repeat center center;
float: right;
}
.header .inner .search .search_main .hot {
margin-top: 10px;
}
.header .inner .search .search_main .hot ul li {
float: left;
padding: 0 5px 0 5px;
font-size: 12px;
}
.header .inner .search .search_main .hot ul li a:hover {
color: #f96c74;
}
.header .inner .shop {
float: left;
width: 148px;
margin-top: 30px;
background: #d3e5fa url(shop.png) no-repeat 23px center;
border: 1px solid #1476e6;
}
.header .inner .shop a {
line-height: 33px;
padding-left: 54px;
color: #1476e6;
font-size: 14px;
}
.header .inner .telephone {
width: 240px;
height: 110px;
float: right;
background: url(telephone.png) no-repeat right 25px;
}
.header .inner .telephone p {
color: #d30909;
font-size: 24px;
margin-top: 30px;
font-weight: bold;
padding-left: 24px;
}
/*COLUMN*/
.column {
width: 100%;
height: 34px;
background: #1476e6;
}
.column .inner ul li {
width: 147px;
height: 34px;
float: left;
text-align: center;
}
.column .inner ul li a {
display: block;
width: 147px;
color: white;
font-size: 14px;
margin-top: 7px;
border-right: 1px solid #8fb3f0;
}
.column .inner ul li:hover a {
margin-top: 9px;
color: #5cbce4;
}
/*carousel*/
.carousel {
width: 1920px;
height: 442px;
position: absolute;
left: 50%;
margin-left: -960px;
}
.swiper-container {
width: 1920px;
height: 442px;
}
.btn_left {
position: absolute;
left: 350px;
opacity: 0.5;
}
.btn_right {
position: absolute;
right: 350px;
opacity: 0.5;
}
.btn_bottom {
position: absolute;
bottom: -5px;
}
.swiper-slide {
background-position: center;
background-size: cover;
}
.clear {
height: 442px;
}
/*SERVICE*/
.service {
width: 100%;
}
.service .service_title {
height: 93px;
text-align: center;
color: #0a63c8;
position: relative;
}
.service .service_title h2 {
font-size: 24px;
padding-top: 50px;
font-weight: bold;
}
.service .service_title h2 a {
color: #0a63c8;
}
.service .service_title p {
width: 278px;
height: 19px;
position: absolute;
left: 50%;
margin-left: -139px;
top: 82px;
font-size: 16px;
background: white;
}
.service .service_title p a {
color: #0a63c8;
}
.service .service_list {
width: 100%;
height: 527px;
border-top: 1px solid #8cc9f7;
}
.service .service_list .service_imglist {
height: 425px;
margin-top: 56px;
}
.service .service_list .service_imglist ul li {
width: 300px;
height: 211px;
float: left;
position: relative;
}
.service .service_list .service_imglist div.orgin {
width: 300px;
height: 211px;
}
.service .service_list .service_imglist div.orgin img {
width: 100%;
height: 100%;
}
.service .service_list .service_imglist .orgin .mask {
position: absolute;
bottom: 0;
width: 100%;
height: 30px;
opacity: 0.8;
background: #4391eb;
}
.service .service_list .service_imglist .orgin p {
position: absolute;
right: 15px;
bottom: 6px;
font-size: 14px;
color: white;
}
.service .service_list .service_imglist .hover {
visibility: hidden;
}
.service .service_list .service_imglist .hover .mask {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 211px;
background: #72adf0;
opacity: 0.6;
}
.service .service_list .service_imglist .hover .words {
position: absolute;
top: 0;
left: 0;
width: 248px;
height: 211px;
padding: 0 26px 0 26px;
}
.service .service_list .service_imglist .hover .words p.no1 {
color: white;
font-size: 18px;
font-weight: bold;
padding-top: 40px;
}
.service .service_list .service_imglist .hover .words p.no2 {
width: 30px;
height: 12px;
border-bottom: 1px solid white;
}
.service .service_list .service_imglist .hover .words p.no3 {
font-size: 12px;
padding-top: 12px;
color: white;
}
.service .service_list .service_imglist .hover .words p.no4 {
float: right;
padding-top: 64px;
font-size: 12px;
color: white;
}
.service .service_list .service_imglist .hover .words p.no4 span {
margin-left: 10px;
float: right;
width: 12px;
text-align: center;
line-height: 12px;
display: block;
border: 1px solid white;
color: white;
font-size: 12px;
border-radius: 50%;
}
.service .service_list .service_imglist ul li:hover .orgin .mask , .service .service_list .service_imglist ul li:hover .orgin p{
display: none;
}
.service .service_list .service_imglist ul li:hover .hover {
visibility: visible;
}
/*PRODUCT*/
.product {
width: 100%;
height: 670px;
background: #edf2f6;
}
.product .product_title {
height: 93px;
text-align: center;
color: #0a63c8;
position: relative;
}
.product .product_title h2 {
font-size: 24px;
padding-top: 50px;
font-weight: bold;
}
.product .product_title h2 a {
color: #0a63c8;
}
.product .product_title p {
width: 278px;
height: 19px;
position: absolute;
left: 50%;
margin-left: -139px;
top: 82px;
font-size: 16px;
background: #edf2f6;
}
.product .product_title p a {
color: #0a63c8;
}
.product .product_list {
width: 100%;
height: 546px;
border-top: 1px solid #87b2e1;
}
.product .product_list .product_imglist {
height: 76px;
border: 1px solid #e2e3e6;
margin-top: 38px;
}
.product .product_list .product_imglist .imglist_title ul li {
width: 240px;
height: 38px;
float: left;
text-align: center;
}
.product .product_list .product_imglist .imglist_title ul li span {
display: block;
width: 100%;
margin-top: 8px;
font-size: 14px;
border-right: 1px solid #0a63c8;
}
.product .product_list .product_imglist .imglist_title ul li span a {
color: #575757;
}
.product .product_list .product_imglist .imglist_title ul li:nth-child(5n) span {
border-right: 0;
}
.product .product_list .product_imglist .imglist_title ul li:hover {
background: #0a63c8;
}
.product .product_list .product_imglist .imglist_title ul li:hover span {
color: white;
}
.product .product_list .product_imglist .imglist_title ul li:hover span a {
color: white;
}
.product .product_list .product_imglist .imglist_main {
width: 1200px;
height: 436px;
padding-top: 30px;
clear: both;
}
.product .product_list .imglist_main ul li {
width: 1200px;
height: 436px;
}
.product .product_list .imglist_main ul li .main_left {
float: left;
width: 562px;
height: 405px;
}
.product .product_list .imglist_main ul li .main_left .imglist_left {
width: 120px;
height: 405px;
float: left;
}
.product .product_list .imglist_main ul li .main_left .imglist_left p {
width: 120px;
height: 116px;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px dotted #7faee2;
}
.product .product_list .imglist_main ul li .main_left .imglist_left p.no1 {
padding-top: 0;
}
.product .product_list .imglist_main ul li .main_left .imglist_left p img {
width: 100%;
width: 120px;
height: 116px;
}
.product .product_list .imglist_main ul li .main_left .imglist_right {
padding-left: 14px;
float: left;
width: 428px;
height: 403px;
}
.product .product_list .imglist_main ul li .main_left .imglist_right p.no1 {
width: 426px;
height: 330px;
}
.product .product_list .imglist_main ul li .main_left .imglist_right p.no1 img {
width: 100%;
height: 100%;
}
.product .product_list .imglist_main ul li .main_left .imglist_right .mask {
width: 426px;
height: 74px;
background: #ccc;
}
.product .product_list .imglist_main ul li .main_left .imglist_right .mask p.no2 {
font-size: 16px;
padding-top: 13px;
padding-left: 16px;
font-weight: bold;
color: black;
}
.product .product_list .imglist_main ul li .main_left .imglist_right .mask p.no3 {
font-size: 12px;
padding-top: 6px;
padding-left: 16px;
color: black;
}
.product .imglist_main .hidden {
display: none;
}
.product .imglist_main .hide {
display: none;
}
.product .product_list .imglist_main ul li .main_right {
float: right;
width: 587px;
height: 409px;
padding-right: 24px;
}
.product .product_list .imglist_main ul li .main_right .article_first {
width: 590px;
height: 190px;
}
.product .product_list .imglist_main ul li .main_right .article_first p.no1 a.no1 {
color: #434343;
font-size: 18px;
padding-top: 16px;
font-weight: bold;
}
.product .product_list .imglist_main ul li .main_right .article_first p.no1 a.no2 {
font-weight: normal;
float: right;
font-size: 12px;
color: black;
}
.product .product_list .imglist_main ul li .main_right .article_first p.no1 a.no3 {
color: #434343;
font-size: 18px;
padding-top: 16px;
font-weight: bold;
}
.product .product_list .imglist_main ul li .main_right .article_first p.no2 {
color: #434343;
padding-top: 30px;
text-indent: 2em;
font-size: 14px;
line-height: 24px;
}
.product .product_list .imglist_main ul li .main_right .article_first p.no2 a {
color: #434343;
}
/*case*/
.case {
height: 512px;
}
.case .case_left {
margin-top: 52px;
margin-bottom: 45px;
width: 889px;
height: 512px;
border: 1px solid #d6d6d6;
float: left;
}
.case .case_left .case_title {
width: 100%;
height: 58px;
background: #0a63c8;
}
.case .case_left .case_title p {
font-size: 16px;
line-height: 58px;
padding-left: 22px;
font-weight: bold;
color: white;
}
.case .case_left .case_title p span {
padding-left: 12px;
border-left: 3px solid white;
}
.case .case_left .case_title p span a {
color: white;
}
.case .case_left .swiper-container1 {
width: 889px;
height: 454px;
position: relative;
}
.case .case_left .swiper-container1 .circles {
}
.case .case_right {
margin-top: 52px;
width: 290px;
height: 512px;
border: 1px solid #d6d6d6;
float: left;
margin-left: 15px;
}
.case .case_right h2 {
padding-top: 29px;
margin-left: 16px;
height: 29px;
border-bottom: 1px solid #d6d6d6;
}
.case .case_right h2 span.no1 {
color: #3a3a3a;
font-size: 16px;
padding-left: 8px;
font-weight: bold;
border-left: 3px solid #00458d;
}
.case .case_right h2 span.no2 {
padding-left: 16px;
font-weight: normal;
color: #a7a7a7;
}
.case .case_right h2 span.no3 {
padding-left: 66px;
font-weight: normal;
}
.case .case_right h2 span.no3 a {
font-size: 12px;
color: #3a3a3a;
}
.case .case_right ul {
margin-top: 22px;
padding-left: 22px;
}
.case .case_right ul li {
color: #878787;
font-size: 14px;
line-height: 32px;
}
.case .case_right ul li a {
color: #3a3a3a;
}
.case .case_right ul li:nth-child(1) {width:100%; background:url(new.png) no-repeat 200px center;}
.case .case_right ul li:nth-child(2) {width:100%; background:url(new.png) no-repeat 200px center;}
.case .case_right ul li:nth-child(3) {width:100%; background:url(new.png) no-repeat 200px center;}
/*shop*/
.shops {
width: 100%;
height: 820px;
clear: both;
background: #edf2f6;
}
.shops .shops_title {
width: 100%;
height: 93px;
text-align: center;
color: #0a63c8;
position: relative;
border-bottom: 1px solid #0a63c8;
}
.shops .shops_title h2 {
font-size: 24px;
padding-top: 50px;
font-weight: bold;
}
.shops .shops_title h2 a {
color: #0a63c8;
}
.shops .shops_title p {
width: 278px;
height: 19px;
position: absolute;
left: 50%;
margin-left: -139px;
top: 82px;
font-size: 16px;
background: #edf2f6;
}
.shops .shops_title p a {
color: #0a63c8;
}
.shops .shop_list {
margin-top: 57px;
}
.shops .shop_list ul li {
background: white;
width: 285px;
height: 300px;
float: left;
border: 1px solid #d8d6d7;
margin-right: 6px;
margin-left: 6px;
margin-bottom: 17px;
}
.shops .shop_list ul li.no4 {
margin-right: 0;
}
.shops .shop_list p {
text-align: center;
}
.shops .shop_list p.no1 {
width: 275px;
height: 180px;
padding: 5px;
}
.shops .shop_list p.no1 img {
width: 100%;
height: 100%;
}
.shops .shop_list p.no2 {
color: #595959;
font-size: 16px;
}
.shops .shop_list p.no3 {
font-size: 14px;
padding-top: 13px;
color: #6d6d6f;
}
.shops .shop_list p.no4 {
padding-top: 13px;
font-size: 14px;
color: #ee0a3b;
}
/*advantage*/
.advantage {
width: 100%;
height: 1258px;
}
.advantage .advantage_title {
height: 106px;
position: relative;
}
.advantage .advantage_title img {
position: absolute;
top: 61px;
left: 50%;
margin-left: -324px;
}
.advantage .advantage_main {
width: 100%;
height: 1152px;
border-top: 1px solid #cfcfcf;
}
/*01*/
.advantage .advantage_main .main_01 {
height: 370px;
position: relative;
}
.advantage .advantage_main .main_01 .left {
float: left;
width: 615px;
height: 370px;
}
.advantage .advantage_main .main_01 .left .title {
height: 178px;
padding-left: 133px;
background: url(advantage_01.png) no-repeat 50px 29px;
}
.advantage .advantage_main .main_01 .left .title p.no1 {
padding-top: 54px;
font-size: 20px;
color: #0a63c8;
font-weight: bold;
}
.advantage .advantage_main .main_01 .left .title p.no2 {
padding-top: 12px;
color: #389f7c;
font-weight: bold;
font-size: 20px;
}
.advantage .advantage_main .main_01 .left ul li {
padding-left: 70px;
font-size: 12px;
padding-right: 70px;
line-height: 24px;
background: url(gouzi.png) no-repeat 51px top;
}
.advantage .advantage_main .main_01 .left ul li a {
color: #000;
}
.advantage .advantage_main .main_01 .right {
float: left;
padding: 108px 0 0 47px;
}
.advantage .advantage_main .main_01 .mask {
position: absolute;
bottom: -6px;
left: 50%;
margin-left: -620px;
}
/*02*/
.advantage .advantage_main .main_02 {
height: 370px;
position: relative;
}
.advantage .advantage_main .main_02 .right {
float: right;
width: 615px;
height: 370px;
}
.advantage .advantage_main .main_02 .right .title {
height: 178px;
padding-left: 133px;
background: url(advantage_04.png) no-repeat 50px 29px;
}
.advantage .advantage_main .main_02 .right .title p.no1 {
padding-top: 54px;
font-size: 20px;
color: #0a63c8;
font-weight: bold;
}
.advantage .advantage_main .main_02 .right .title p.no2 {
padding-top: 12px;
color: #389f7c;
font-weight: bold;
font-size: 20px;
}
.advantage .advantage_main .main_02 .right ul li {
padding-left: 70px;
font-size: 12px;
padding-right: 70px;
line-height: 24px;
background: url(gouzi.png) no-repeat 51px top;
}
.advantage .advantage_main .main_02 .right ul li a {
color: #000;
}
.advantage .advantage_main .main_02 .left {
width: 500px;
height: 300px;
float: left;
padding: 41px 0 0 100px;
}
.advantage .advantage_main .main_02 .left {
position: absolute;
bottom: 26px;
left: 50%;
margin-left: -620px;
}
/*03*/
.advantage .advantage_main .main_03 {
height: 370px;
position: relative;
}
.advantage .advantage_main .main_03 .left {
float: left;
width: 615px;
height: 370px;
}
.advantage .advantage_main .main_03 .left .title {
height: 178px;
padding-left: 133px;
background: url(advantage_05.png) no-repeat 50px 29px;
}
.advantage .advantage_main .main_03 .left .title p.no1 {
padding-top: 54px;
font-size: 20px;
color: #0a63c8;
font-weight: bold;
}
.advantage .advantage_main .main_03 .left .title p.no2 {
padding-top: 12px;
color: #389f7c;
font-weight: bold;
font-size: 20px;
}
.advantage .advantage_main .main_03 .left ul li {
padding-left: 70px;
font-size: 12px;
padding-right: 70px;
line-height: 24px;
background: url(gouzi.png) no-repeat 51px top;
}
.advantage .advantage_main .main_03 .left ul li a {
color: #000;
}
.advantage .advantage_main .main_03 .right {
float: left;
padding: 108px 0 0 47px;
}
.advantage .advantage_main .main_03 .mask {
position: absolute;
bottom: -6px;
left: 50%;
margin-left: -620px;
}
/*main_first*/
.main_first {
height: 210px;
position: relative;
}
.main_first a img {
position: absolute;
left: 50%;
margin-left: -960px;
}
/*about*/
.about {
height: 520px;
}
.about .left {
float: left;
width: 887px;
height: 513px;
border: 1px solid #d8d6d7;
}
.about .left .top {
height: 245px;
}
.about .left .top .title {
margin: 24px 0 16px 25px;
}
.about .left .top .title span {
font-size: 15px;
}
.about .left .top .title span.no1 {
padding-left: 9px;
font-weight: bold;
border-left: 3px solid #00458d;
}
.about .left .top .title span.no1 a {
color: #3a3a3a;
}
.about .left .top .title span.no2 {
padding-left: 18px;
color: #a7a7a7;
}
.about .left .top .title p.no1 {
float: left;
width: 274px;
padding: 7px;
height: 165px;
margin-top: 16px;
background: #d7d7d7;
}
.about .left .top .title .about_article {
float: left;
width: 530px;
height: 200px;
padding-top: 23px;
padding-left: 15px;
}
.about .left .top .title .about_article p.no2 a{
font-size: 14px;
color: #0a63c8;
font-weight: bold;
}
.about .left .top .title .about_article p.no3 {
padding-top: 18px;
text-indent: 2em;
font-size: 12px;
color: #434343;
line-height: 22px;
}
.about .left .top .title .about_article .know {
width: 108px;
height: 26px;
background: #0a63c8;
text-align: center;
}
.about .left .top .title .about_article .know a {
display: block;
width: 108px;
text-decoration: none;
color: white;
font-size: 12px;
line-height: 26px;
}
.about .left .bottom {
clear: both;
width: 850px;
height: 242px;
margin-left: 23px;
border-top: 1px dotted #dddddd;
}
.about .left .bottom p.no1 {
line-height: 40px;
padding-left: 5px;
}
.about .left .bottom span {
font-size: 15px;
}
.about .left .bottom span.no1 {
padding-left: 9px;
color: #3a3a3a;
font-weight: bold;
border-left: 3px solid #00458d;
}
.about .left .bottom span.no1 a {
color: #3a3a3a;
}
.about .left .bottom span.no2 {
padding-left: 18px;
color: #a7a7a7;
}
.about .left .bottom ul li {
float: left;
width: 200px;
height: 162px;
margin-left: 6px;
margin-right: 6px;
text-align: center;
}
.about .left .bottom ul li img {
width: 100%;
height: 100%;
border: 1px solid #dddddd;
}
.about .left .bottom ul li p {
font-size: 14px;
color: #000;
}
.about .right {
float: left;
width: 292px;
height: 510px;
margin-left: 16px;
border: 1px solid #d6d6d6;
}
.about .right span {
font-size: 15px;
}
.about .right span.no1 {
padding-left: 9px;
color: #3a3a3a;
font-weight: bold;
border-left: 3px solid #00458d;
}
.about .right span.no1 a {
color: #3a3a3a;
}
.about .right span.no2 {
padding-left: 18px;
color: #a7a7a7;
}
.about .right p.no1 {
padding-left: 35px;
padding-top: 29px;
}
.about .right .img {
margin-top: 16px;
margin-left: 28px;
width: 231px;
height: 175px;
padding: 5px;
border: 1px solid #d6d6d6;
}
.about .right .img img {
width: 100%;
height: 100%;
}
.about .right .article p.no1 {
font-size: 14px;
color: #477ed0;
font-weight: bold;
padding-top: 8px;
}
.about .right .article p.no1 a {
color: #477ed0;
}
.about .right .article p.no2 {
padding-top: 12px;
padding-left: 33px;
padding-right: 28px;
font-size: 12px;
color: #000;
line-height: 22px;
text-indent: 2em;
}
.about .right .article p.no3 {
width: 108px;
height: 26px;
text-align: center;
background: #0a63c8;
margin-top: 8px;
margin-left: 34px;
}
.about .right .article p.no3 a {
width: 108px;
height: 26px;
color: white;
font-size: 14px;
line-height: 26px;
}
/*news*/
.news .new_left {
float: left;
width: 888px;
height: 366px;
margin-top: 16px;
border: 1px solid #d6d6d6;
}
.news .new_left .news_title {
width: 100%;
height: 40px;
background: #f4f4f4;
}
.news .new_left .news_title p.no1 {
float: left;
width: 227px;
height: 40px;
color: white;
font-size: 16px;
text-align: center;
line-height: 40px;
background: #0a63c8;
}
.news .new_left .news_title p.no1 a {
color: white;
}
.news .new_left .news_title p.no2 {
padding-top: 8px;
padding-right: 15px;
float: right;
}
.news .new_left .news_title p.no2 a {
color: #434343;
font-size: 14px;
}
.news .new_left .imglist {
float: left;
width: 254px;
height: 148px;
padding: 5px;
background: #cacaca;
margin-top: 19px;
margin-left: 14px;
}
.news .new_left .article {
width: 566px;
float: left;
padding-top: 42px;
padding-left: 20px;
}
.news .new_left .article p.no1 {
font-size: 14px;
font-weight: bold;
color: #3f3f3f;
}
.news .new_left .article p.no2 {
font-size: 12px;
margin-top: 17px;
text-indent: 2em;
line-height: 22px;
color: #434343;
}
.news .new_left .newlist {
width: 868px;
height: 123px;
float: left;
margin-top: 24px;
margin-left: 15px;
border-top: 1px solid #d6d6d6;
}
.news .new_left .newlist ul {
width: 800px;
height: 90px;
float: left;
margin-top: 25px;
}
.news .new_left .newlist ul li {
width: 350px;
height: 24px;
float: left;
padding-left: 40px;
}
.news .new_left .newlist ul li a {
float: left;
line-height: 24px;
font-size: 12px;
color: #000;
}
.news .new_left .newlist ul li span {
float: right;
font-size: 12px;
color: #434343;
padding-right: 10px;
}
.news .new_right {
width: 294px;
height: 365px;
float: right;
margin-top: 16px;
margin-left: 14px;
border: 1px solid #d6d6d6;
}
.news .new_right span {
font-size: 15px;
}
.news .new_right span.no1 {
padding-left: 9px;
color: #3a3a3a;
font-weight: bold;
border-left: 3px solid #00458d;
}
.news .new_right span.no1 a {
color: #3a3a3a;
}
.news .new_right span.no2 {
padding-left: 18px;
color: #a7a7a7;
}
.news .new_right .new_title {
margin-top: 25px;
margin-left: 20px;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 13px;
}
.news .new_right .articles {
padding: 5px 10px 0 10px;
}
.news .new_right .articles p.no1 {
padding-left: 26px;
font-size: 14px;
font-weight: bold;
margin-top: 16px;
background: url(problem_01.png) no-repeat left top;
}
.news .new_right .articles p.no1 a {
color: #0a63c8;
}
.news .new_right .articles p.no2 {
text-indent: 2em;
padding-left: 26px;
font-size: 14px;
margin-top: 5px;
line-height: 22px;
background: url(problem_02.png) no-repeat;
}
.news .new_right .articles p.no2 a {
font-size: 12px;
color: #000;
}
.h40 {
height: 388px;
}
.nei {
height: 15px;
}
/*footer*/
.links {
padding-top: 20px;
}
.links .inner {
border: 1px solid #d6d6d6;
}
.links .inner p.no1 {
width: 227px;
line-height: 40px;
background: #0a63c8;
}
.links .inner span.no1 {
padding-left: 19px;
color: white;
font-weight: bold;
}
.links .inner span.no2 {
padding-left: 18px;
color: white;
}
.links .inner ul {
overflow: hidden;
width: 750px;
clear:both;
}
.links .inner ul li {
float: left;
padding: 15px;
}
.links .inner ul li a {
font-size: 12px;
color: #000;
}
.footer {
clear: both;
width: 100%;
height: 300px;
background: #202020;
}
.footer .inner span {
font-size: 15px;
}
.footer .inner span.no1 {
color: white;
}
.footer .inner .left .news_title ul {
overflow: hidden;
width: 750px;
clear:both;
}
.footer .inner .left .news_title ul li {
float: left;
padding: 35px 15px 0 15px;
}
.footer .inner .left .news_title ul li a {
font-size: 12px;
}
.footer .inner .left {
float: left;
}
/*.footer .inner .left {
width: 390px;
}*/
.footer .inner .left p {
color: #dfdfdf;
font-size: 12px;
padding-left: 14px;
}
.footer .inner .left p.no1 {
padding-top: 22px;
}
.footer .inner .left p.no3 {
padding-top: 24px;
}
.footer .inner .left p.no4 {
padding-top: 12px;
}
.footer .inner .left p.no5 {
padding-top: 12px;
}
.footer .inner .right {
width: 170px;
height: 170px;
float: right;
margin-top: 40px;
margin-right: 115px;
}
.footer .inner .right img {
width: 100%;
height: 100%;
}
.footer .inner .footer_bottom {
clear: both;
width: 1200px;
background: #202020;
}
.footer .inner .footer_bottom span {
float: left;
font-size: 12px;
color: #eaeaea;
line-height: 80px;
}
.footer .inner .footer_bottom ul {
float: right;
}
.footer .inner .footer_bottom ul li {
float: left;
padding: 0 12px 0 12px;
}
.footer .inner .footer_bottom ul li a {
font-size: 12px;
}
.article p {
color: #000;
}
.side {
width: 74px;
height: 168px;
position: fixed;
top: 180px;
right: 0;
z-index: 999;
}
.side p {
position: absolute;
right: 0px;
color: #fff;
width: 74px;
font-size: 12px;
padding-top: 30px;
line-height: 26px;
text-align: center;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
}
.side p.no1 {
top: 0;
background: url(on_line.png) no-repeat 0 0;
}
.side p.no2 {
top: 58px;
background: url(on_line.png) no-repeat 0 -57px;
}
.side p.no3 {
top: 116px;
background: url(on_line.png) no-repeat 0 -171px;
}
.side p:hover {
right: 5px;
}
.lxb-container {
display: none !important;
}
#szgs_stat_icon_26758 img {
width: 40px;
}